<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格案例-雇员薪资</title>
</head>
<body>
<!--<h1>雇员薪资列表</h1>
    height="200px" 这个虽然可以控制表格的高度，但是不太好
    width: 如果我们希望控制某列的宽度 可以<th width="xxpx  或者xx%">
-->
<table border="1px" cellspacing="0px;" width="600px"
       style="margin:0 auto;text-align: center;background:#999999;border-color:#0022ff;line-height:30px;">
    <caption><h1>雇员薪资列表</h1></caption>
    <thead>
    <tr>
        <th>编号</th>
        <th>名字</th>
        <th>性别</th>
        <th>薪水</th>
        <th>职位</th>
        <th width="30%">电子邮件</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>001</td>
        <td>宋江</td>
        <td>男</td>
        <td>4000</td>
        <td>黑帮老大</td>
        <td>shqyost@aliyun.com</td>
    </tr>
    <tr>
        <td>001</td>
        <td>宋江</td>
        <td>男</td>
        <td>4000</td>
        <td>黑帮老大</td>
        <td>shqyost@aliyun.com</td>
    </tr>
    <tr>
        <td>001</td>
        <td>宋江</td>
        <td>男</td>
        <td>4000</td>
        <td>黑帮老大</td>
        <td>shqyost@aliyun.com</td>
    </tr>
    </tbody>
</table>
</body>
</html>